<!DOCTYPE html >
<html ng-app="efa">
<head>
<meta charset="utf-8">
<title>一起·易发 - you&me</title>
<link rel="stylesheet" href="lib/bootstrap-3.0.3/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/app.css" />
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">一起·易发 - you&me</a>
			</div><!--
			<div class="navbar-collapse collapse">
 
				<form class="navbar-form navbar-right">
					<div class="form-group">
						<input type="text" placeholder="Email" class="form-control">
					</div>
					<div class="form-group">
						<input type="password" placeholder="Password" class="form-control">
					</div>
					<button type="submit" class="btn btn-success">Sign in</button>
				</form>
			</div>
			 -->
			<!--/.navbar-collapse -->
		</div>
	</div>

	<div class="container" style="margin-top: 70px">
		<div class="row">
			<div class="col-xs-12 col-md-8">
				<div id="chartsPro"
					style="background-color: #fff; width: 100%; height: 300px; border: 1px solid #d4d4d4" ng-controller="ChartsCtrl">
				</div>

				<div class="table-responsive" style="margin-top: 20px;background-color: #fff; border-left : 1px solid #d4d4d4;border-right:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4"
					ng-controller="ProListCtrl">
					<table class="table">
						<tr>
							<th>&nbsp;</th>
							<th>#</th>
							<th>产品名称</th>
							<th>年化收益率</th>
							<th>所属公司</th>
						</tr>
						<tr ng-repeat="pro in proList " 
							>
							<td><input type="checkbox" ng-click="checkPro($event,pro.id)"/></td>
							<td ng-click="selectPro(pro.id)">{{$index + 1}}</td>
							<td ng-click="selectPro(pro.id)">{{pro.name}}</td>
							<td ng-click="selectPro(pro.id)">{{pro.profit[6]}}%</td>
							<td ng-click="selectPro(pro.id)">{{pro.company}}</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="col-xs-6 col-md-4">
			
				<div
					style="background-color: #fff; width: 100%; height: 270px;  border: 1px solid #d4d4d4"
					ng-controller="ProInfoCtrl">
					<div style="margin: 10px 0 10px 10px;">
						<span style="font-size: 14px; color: #aaa"><span
							style="font-size: 30px; color: #000; margin-right: 10px">{{proInfo.name}}</span>收益排行:1
							
						</span>
						<a><span class="glyphicon glyphicon-comment"></span></a>&nbsp;<a><span class="glyphicon glyphicon-shopping-cart"></span></a>	
						
							
					</div>
					<div class="input-group" style="margin: 30px 10px 10px 15px;">
						<input type="number" class="form-control" ng-model="inputVal"
							required style="font-size: 18px"> <span
							class="input-group-addon">元</span>
					</div>
					<div style="margin: 20px 10px 0 15px;">
						<span style="font-size: 14px; color: #aaa">一天收益：<span
							style="font-size: 22px; color: #111">{{inputVal *
								proInfo.profit[6] / (365 * 100) | number :2}}</span>元
						</span>
					</div>
					<div style="margin: 20px 10px 0 15px;">
						<span style="font-size:12px; color: #888">注：参照昨日(<em>2014-03-07</em>)收益计算，数据来源：天弘基金。货币基金不等同于银行存款，过往业绩不预示其未来表现，市场有风险，投资需谨慎。
						</span>
					</div>
				</div>


				<div ng-controller="NewsCtrl"
					style="background-color: #fff; width: 100%; height: 280px;  border: 1px solid #d4d4d4; margin-top: 30px;">
					<div style="margin: 10px 0 10px 10px;">
						<span style="font-size: 25px; color: #aaa"><span
							style="font-size: 30px; color: #000; margin-right: 10px">{{proInfo.name}}</span>相关新闻</span>
					</div>
					<div style="margin: 10px 10px 0 15px;" ng-repeat="aNew in newslist">
						<span style="font-size: 14px; color: #000"><a >{{aNew.title}}</a>
						</span> <span style="float: right; font-size: 8px; color: #888">{{aNew.time}}</span>
					</div>
				</div>
				
				
			</div>
		</div>
	</div>

</body><script type="text/javascript" src="lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="lib/angular/angular.min.js"></script>
<script type="text/javascript" src="lib/charts/highcharts.js"></script>
<script type="text/javascript" src="lib/charts/modules/exporting.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script type="text/javascript" src="js/controller.js"></script>
<script type="text/javascript" src="js/charts.js"></script>

</html>